<template>
  <el-card>
    <div style="height: 1000px">
      <div v-move style="background-color: #79bbff; width: 200px; height: 200px">可拖动指令</div>
    </div>
    <div style="width: 100%; height: 338px; text-align: center">
      懒加载指令
      <img class="img" v-lazy="bg" />
    </div>
  </el-card>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import bg from '@/assets/img/1.jpg'
</script>

<style scoped lang='scss'>
.img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>